<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>A/B Tester - </title>
	<link href="css/style.css" media="all" type="text/css" rel="stylesheet">
</head>
<body class="edit">
	<div class="wrapper">

		<div id="top" class="full-width">
			<div style="display: block; ">
				<div class="top-logo">
					<h1 class="logo"><a href="/">Optimizely</a></h1>
				</div>
				<ul class="nav-top signed-out" data-bind="'visible': !signedIn()">
					<li><a class="show-create-account">Sign Up</a></li>
					<li><a id="show-sign-in" class="show-sign-in">Log In</a></li>
				</ul>
				<ul class="nav-top signed-in" data-bind="'visible': signedIn" style="display: none; ">
					<li id="dashboard-link" data-bind="'if': experimentMenu.showDashboardLink()">
						<a href="/dashboard" data-bind="'attr': { 'href': experimentMenu.dashboardLink() }">
							Dashboard
						</a>
					</li>
					<li id="my-experiment-menu" class="dropdown" data-bind="css: { shown: experimentMenu.shown }">
						<a id="show-experiments-menu" data-bind="'click': experimentMenu.toggle">
							Experiments
							<span class="dropdown-arrow"><span></span></span>
						</a>

						<ul class="dropdown-menu-top">
							<div class="message" data-bind="text: experimentMenu.message,
											  visible: experimentMenu.message" style="display: none; "></div>
							<span data-bind="foreach: experimentMenu.experiments, visible: experimentMenu.message() === ''"></span>
							<li class="view-all-experiments" data-bind="'visible': experimentMenu.showDashboardLink">
								<a id="view-all-experiments-link" href="/dashboard" data-bind="attr: { href: experimentMenu.dashboardLink() }">
									<span>View All Experiments</span></a>
							</li>
							<li class="show-create-experiment" data-bind="click: experimentMenu.hide">+ <a href="#">Create New Experiment</a>
							</li>
						</ul>
					</li>
					<li><a data-bind="click: showImplementationDialog">Implementation</a></li>
					<li id="my-account-menu" class="dropdown" data-bind="css: { shown: accountMenu.shown }">
						<a class="account-menu-username" data-bind="click: accountMenu.toggle,
						  css: { 'is-admin': isAdmin }">
							<span data-bind="text: username"></span>
							<span class="dropdown-arrow"><span></span></span>
						</a>
						<ul class="dropdown-menu-top">
							<li><a href="/account">Account Settings</a></li>
							<li><a href="http://support.optimizely.com" target="_blank">Support</a></li>
							<li><a id="sign-out" data-bind="click: signOut">Log Out</a></li>
						</ul>
					</li>
				</ul>

				<ul class="nav-top signed-out strong" data-bind="visible: !signedIn()">
					<li><a class="" href="/pricing" target="_blank">Pricing</a></li>
					<li><a class="" href="/faq" target="_blank">FAQ</a></li>
					<li><a class="" href="/benefits" target="_blank">Benefits</a></li>
				</ul>
			</div>
		</div>

		<div id="container" class="edit">
			<div id="toolbar">
				<div id="toolbar-overlay" style="opacity: 0; display: none; "></div>
				<div id="experiment-title-container">
					<div data-bind="editable: experimentTitle" class="editable"><div class="clicker"><div class="field icon">www.baidu.com Experiment</div></div><input class="editor" style="display: none; "></div>
				</div>

				<div id="control-container" style="display: block; ">
					<a id="show-goals-dialog-button"><span>Set Up Goals</span></a>
					<a id="control-button" class="primary-button" style=""><span>Start Experiment</span></a>
					<a id="show-scheduler-button"><span>&nbsp;</span></a>
				</div>

				<div id="sections-header">
					<div id="sections">
						<div class="ab-section-header" data-bind="visible: experiment.type() === 'ab'">
							Experiment Variations
						</div>
						<div id="section-template">
							<span class="section-title"></span>
							<span class="variation-title"></span>
							<span class="delete-button"></span>
						</div>
						<div id="add-section" data-bind="visible: experiment.type() === 'multivariate'" style="display: none; ">
							<a class="small-button">+ Add Section</a>
						</div>
						<div class="pages" data-bind="template: { name: 'multipage-page-template',
										  foreach: experiment.pages },
							  visible: experiment.type() === 'multipage'" style="display: none; ">
						</div>
						<div id="add-page" data-bind="click: multipage.addPage,
							  visible: experiment.type() === 'multipage'" style="display: none; ">
							<a class="small-button" data-bind="click: multipage.addPage">+ Add Page</a>
						</div>
					</div>
					<div id="edit-container">
			  <span id="last-saved-container">
				Saved
				<span id="last-saved"></span>
			  </span>
						<a id="save-button" class="" title="Shortcut: Ctrl-S"><span>Save now</span></a>
						<a id="undo-button" class="disabled" title="Shortcut: Z"><span>Undo</span></a>
						<a id="redo-button" class="disabled" title="Shortcut: Y"><span>Redo</span></a>
						<a id="toolbar-toggle-button" title="Collapse toolbar (Shortcut: T)"><span>&nbsp;</span></a>
					</div>
				</div>

				<div id="section-body">
					<div id="scroll-variations-left" class="scroll-button button">
						<a><span>&lt;</span></a>
					</div>
					<div id="scroll-variations-right" class="scroll-button button">
						<a><span>&gt;</span></a>
					</div>
					<div id="variations-container">
						<div id="variations" class="" style="display: inline-block; left: 10px; ">
							<div id="variation-template" class="button">
								<a><span></span></a>
							</div>
							<div class="button variation original">
								<a><span title="Original (Shortcut: `)">Original</span></a>
							</div><div class="button variation selected">
							<a><span title="Variation #1 (Shortcut: 1)">Variation #1</span></a>
						</div><div id="add-variation" class="button" title="Shortcut: N">
							<a><span>+ Add Variation</span></a>
						</div>
						</div>
					</div>
					<div id="option-container">
						<div id="modes-container" title="Shortcut: Ctrl-I" class="">
							<a class="editing selected"><span>Editing Mode</span></a>
							<a class="interactive right"><span>Interactive Mode</span></a>
						</div>
						<div id="option-button-container" class="button-container jqmID41">
							<div id="option-button" class="button" title="Options (Shortcut: O)">
								<a>Options<span></span></a>
							</div>
							<div id="option-menu" class="menu">
								<span item="view-results">View Results <img src="//www.optimizely.com/static/img/external.png"></span>
								<span item="summary">Diagnostic Report</span>
								<hr>
								<span item="editor-settings">Editor Settings</span>
								<span item="targeting">Targeting</span>
								<hr>
								<span item="activation-mode">Activation Mode</span>
								<span item="analytics-integration">Analytics Integration</span>
								<span item="heatmap-integration">Heatmap Integration</span>
				  <span item="scheduler">
					Scheduler
					<img class="restricted restricted_platinum_plus" src="//www.optimizely.com/static/img/mini_icon_padlock.png">
				  </span>
								<span item="traffic-allocation">Traffic Allocation</span>
								<hr>
								<span item="experiment-type">Experiment Type</span>
								<hr>
								<span item="custom-css">Global CSS</span>
								<span item="custom-js">Global Javascript</span>
								<hr>
								<span item="element-tracking">Element Tracking</span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<script id="multipage-page-template" type="text/x-jquery-tmpl">
				<div class="section"
					 data-bind="click: $root.multipage.selectPage.bind($data, $index),
						  css: { 'selected': $root.experiment.selectedPageIndex() == $index() }">
			<span class="page-loading"
				  data-bind="visible: $index() === $root.experiment.selectedPageIndex() &&
									  $root.experiment.isPageLoading()">Loading&hellip;</span>
			<span class="section-title"
				  data-bind="attr: { title: description + ' - ' + editorUrl },
							 click: $root.multipage.editPage.bind($data, $index),
							 visible: $index() !== $root.experiment.selectedPageIndex() ||
									  !$root.experiment.isPageLoading()">
			  <span data-bind="html: $root.truncate(description, 25)"></span>
			</span>
			<span class="delete-button"
				  data-bind="click: $parent.multipage.deletePage,
							 visible: $index() === $root.experiment.selectedPageIndex() &&
									  !$root.experiment.isPageLoading()"></span>
				</div>
			</script>

			<div class="frame-container" style="bottom: 0px; ">
				<div class="padding"><div class="loading-message-container" style="display: none; ">
					<p class="loading-message" style="">Loading...</p>
					<div class="loading-progress ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" style=""><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="display: block; width: 100%; overflow: hidden; "></div></div>
					<p><a class="reload-button" style="display: none; ">Try again...</a></p>
				</div>
					<div class="overlay"></div>
					<div class="mobile-view" data-optimizely-device="" data-optimizely-device-orientation="" style="visibility: visible; ">

					</div>
				</div>
			</div>

			<div id="variation-code-popup" class="ui-resizable collapsed" style="bottom: -261px; ">
				<a id="show-variation-code-button" class="button" title="Shortcut: C">&lt; edit code &gt;</a>
				<div id="variation-code-resize-handle" class="ui-resizable-handle ui-resizable-n"></div>
				<div id="variation-code-content" style="display: none; ">
					<p class="title">Variation Code<span class="docs-cta">For advanced implementations,
				see our <a href="/docs/api" target="_blank">API documentation</a>.</span>
					</p>
					<textarea id="variation-code-editor" style="display: none; "></textarea><div class="CodeMirror CodeMirror-wrap"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5.183349609375px; left: 32.18333435058594px; "><textarea style="position: absolute; padding: 0; width: 1px; height: 1em" wrap="off" autocorrect="off" autocapitalize="off"></textarea></div><div class="CodeMirror-scroll cm-s-default" tabindex="-1"><div style="position: relative; height: 23px; "><div style="position: relative; top: 0px; "><div class="CodeMirror-gutter" style="height: 180px; "><div class="CodeMirror-gutter-text"><pre>1</pre></div></div><div class="CodeMirror-lines"><div style="position: relative; z-index: 0; outline: none; margin-left: 27px; "><div style="position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden;"><pre><span>x</span></pre></div><pre class="CodeMirror-cursor" style="top: 0px; left: 0px; ">&nbsp;</pre><div style="position: relative; z-index: -1; display: none; "></div><div style=""><pre> </pre></div></div></div></div></div></div></div>
					<a id="apply-variation-code-button" class="primary-button small" title="Shortcut: Ctrl-ENTER">Apply</a>
					<a id="cancel-variation-code-button" class="secondary-button small" title="Shortcut: ESC">Cancel</a>
				</div>
			</div>

			<div id="guided-tour-status" style="display: none;">
			</div>
		</div>

	</div>
</body>
</html>